<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="static/styles/reset.css" />
		<link rel="stylesheet" type="text/css" href="static/styles/common.css"/>
		<link rel="stylesheet" type="text/css" href="static/styles/visit.css"/>
		<script src="static/scripts/rem.js" type="text/javascript" charset="utf-8"></script>
		<script src="static/scripts/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<title>增加走访信息</title>
	</head>
	<body>
		<div class="body body_gray" id="app">
			<div id="header" class="fixed blue">
				<a href="javascript:history.go(-1);" class="header_back">
	        		<img src="static/images/nav_back.png"/>
	        	</a>
				<h1 class="title">增加走访信息</h1>
				<a class="header_btn_right"></a>
			</div>
			<div class="page_body">
				<form class="md_form">
					<div class="item md_cell">
						<div class="md_cell-wrapper">
							<div class="md_cell-title">
								<span>走访对象村庄</span>
							</div>
							<div class="md_cell-value weui-cell__bd">
								<select class="select" v-model="qx" >
									<option value="">选择已有村庄</option>
									<option :value="val" v-for="(val,i) in qxList">{{val.name}}</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
						</div>
						<div class="md_cell-wrapper" >
							<div class="md_cell-title">
								<span>访问类型</span>
							</div>
							<div class="md_cell-value weui-cell__bd">
								<select class="select" v-model="qx" >
									<option value="">选择访问类型</option>
									<option :value="val" v-for="(val,i) in qxList">{{val.name}}</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
						</div>
						<div class="md_cell-wrapper" >
							<div class="md_cell-title">
								<span>访问队伍</span>
							</div>
							<div class="md_cell-value weui-cell__bd">
								<select class="select" v-model="qx" >
									<option value="">选择已有队伍</option>
									<option :value="val" v-for="(val,i) in qxList">{{val.name}}</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
						</div>
					</div>
					<div class="item md_cell">
						<div class="md_cell-wrapper">
							<div class="md_cell-title">
								<span>走访性质</span>
							</div>
							<div class="md_cell-value">
								<div class="md_cell-value weui-cell__bd">
								<select class="select">
									<option value="">请选择</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
							</div>
						</div>
						<div class="md_cell-wrapper">
							<div class="md_cell-title">
								<span>时间</span>
							</div>
							<div class="md_cell-value">
								<div class="md_cell-value weui-cell__bd">
								<select class="select">
									<option value="">请选择</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
							</div>
						</div>
						<div class="md_cell-wrapper">
							<div class="md_cell-title">
								<span>评级</span>
							</div>
							<div class="md_cell-value">
								<div class="md_cell-value weui-cell__bd">
								<select class="select">
									<option value="">请选择</option>
								</select>
								<img class="arrow_right_icon" style="width: 10px;" src="static/images/home_button_rightarrow.png"/>
							</div>
							</div>
						</div>
						<div class="md_cell-wrapper">
							<div class="md_cell-title">
								<span>走访照片</span>
							</div>
							<div class="md_cell-value">
								
							</div>
						</div>
						<div class="mt5 " style="padding-bottom: 5px;">
							<div class="uploadImgList">
								<div class="imgitem">
									<img class="previewImg" src="../fhj/static/images/bg.png"/>
									<span class="delete_icon">
										<img src="static/images/xixg_icon_shanchu.png"/>
									</span>
								</div>
								
								<div class="imgitem uploadFileItem">
									<input type="file" accept="image/*" class="uploadFile"/>
									<img src="static/images/add.png"/>
								</div>
							</div>
						</div>
					</div>
					
					<div class="item md_cell">
						<div class="md_cell-wrapper">
							<div class="md_cell-title" style="align-self: flex-start;">
								<span>访问内容</span>
							</div>
							<div class="md_cell-value" style="line-height: 1.7;color: #93979a;font-size: .26rem;">
								聚记载，庙内香火最盛时喇叭达1200多名。百灵庙自建设以来聚记载，庙内香火最盛时喇叭达1200多名。百灵庙自建设以来聚记载，庙内香火最盛时喇叭达1200多名。百灵庙自建设以来聚记载，庙内香火最盛时喇叭达1200多名。百灵庙自建设以来
							</div>
						</div>
						
					</div>
					
					
					
					
					
					<div class="submitBtn">
						<button class="btn btn-block btn-blue">保存</button>
					</div>
					
				</form>
				
			</div>
		</div>
		<script type="text/javascript">
			new Vue({
				el:'#app',
				data:{
					form:{
						startTime:''
					},
					qx:'',
					tc:'',
					qxList:[{name:'区县一',id:1},{name:'区县二',id:2}],
					tcList:[{name:'套餐一',id:1},{name:'套餐二',id:2}]
				},
				methods:{
					
					
				}
			})
		</script>
	</body>
</html>
